import React from 'react';
import './checkBoxView.less';


class checkBoxView extends React.Component {

	constructor(props) {
	  super(props);
	
	  this.state = {
	  	list:[1,2,3,4,5]
	  };
	}

   render(){
		return (
			<div>
			choose fruit：<br/>
                        <label><input type="checkbox" name="fruit" value="apple"
                                      onChange={this.handleChange}/>apple</label><br/>
                        <label><input type="checkbox" name="fruit" value="banana"
                                      onChange={this.handleChange}/>banana</label><br/>
                        <label><input type="checkbox" name="fruit" value="pear"
                                      onChange={this.handleChange}/>pear</label><br/>
                        <div>Chosen : {this.state.value.join('-')}</div>

			</div>
		)

	}



}
export default  checkBoxView;

